.address-mode-collection-view{
  @apply flex flex-col gap-y-4;
  .address-mode-view {
    @apply rounded-2 overflow-hidden;
    border: 1px solid #F2F3F5;
    &__top {
      @apply h-10 flex px-4 py-3 gap-x-8 text-xs text-[#86909C] font-700 border-b-1 border-b-solid border-color-[#F3F4F7];
      .field{
        &:hover{
          .edit-icon{
            @apply block text-[#00A65B] cursor-pointer;
          }
        }
        .edit-icon{
          @apply hidden;
        }
      }
    }
    &__body {
      @apply  flex flex-col gap-y-4;
      .add-group {
        @apply flex items-center justify-center rounded-[5px] mt-4 cursor-pointer;
        border: 1px dashed #F2F3F5;
        transform: translateY(-20px);
        span {
          @apply ml-1.5;
        }
      }
    }

    .address-mode-group {
      @apply relative;
      .container{
        @apply p-4;
      }
      .footer{
        @apply h-12 flex items-center justify-start px-4;
        border-top: 1px solid #F2F3F5;
      }
    }

    .address-mode {
      @apply mb-4 !flex flex-row gap-x-4  items-start;
      &:last-child {
        @apply m-0;
      }
      .arco-form-item {
        @apply relative m-0;
        &:last-child {
          @apply mr-0;
        }
        .a-select,
        .a-input {
          @apply w-full;
        }
        .error-msg {
          @apply absolute left-0  text-xs/5 text-[red];
          bottom: -72%;
        }
        .arco-select{
          .arco-tag {
            font-weight: 400;
          }
        }
      }
      .action {
        .a-button {
          @apply m-0;
        }
      }
      :deep(.a-select-tags-wrapper.has-prefix) {
        @apply flex items-center flex-wrap;
      }
      :deep(.a-select__tags) {
        max-width: 100% !important;
        .a-select-tags-wrapper {
          width: 95%;
          height: auto;
          max-height: 84px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            width: 4px;
          }
          &::-webkit-scrollbar-thumb {
            background: #ddd;
            border-radius: 50px;
          }
        }
      }
      .a-button {
        &:focus {
          color: #606266;
          border-color: #dcdfe6;
          background: #fff;
        }
      }
    }
  }
}